{layout name="layout"}
{include file="public/nav" /}
<div class="content container-fluid">
    {include file="public/hint" /}
    {include file="public/personal_left_menu" /}
    <div class="col-sm-2 page_left "></div>
    <div class="col-sm-10" >
        <div class="container-fluid" style="margin: 0; padding: 3px">
            <div class="top_hint container-fluid" >
                <img src="/static/image/upload_icon.png" width="28" alt="">
                <span>我的上传</span>
                <button style="background-color: #a6e1ec;  margin-right: 10px"
                        id="batchUpload"
                        class="btn btn-default pull-right">批量上传</button>
                <button
                        style="display: none; background-color: yellow; margin-right: 10px"
                        id="oneUpload"
                        class="btn btn-default pull-right">单张上传</button>
            </div>
            <div id="uploadBatch" style="display: none">
                <form class="upload_form" action="">
                    <small>批量上传默认不显示在首页，默认配文，支持上传后编辑配文</small><br>
<!--                    <label for="multipleUpload">-->
<!--                        <img src="/static/image/upload.png" width="50px" alt="上传">点击上传图片-->
<!--                    </label>-->
                    <input id="multipleUpload" type="file"  multiple="multiple" name="image"/>
                    <input type="submit"  class="btn btn-success pull-right" value="上传" />
                </form>
            </div>
            <div id="uploadOne" class="row">
                <form class="upload_form "
                      method="post"
                      id="uploadForm"
                      name="upload"
                      enctype="multipart/form-data">
<!--                    multiple="multiple"-->
                    <div class="col-sm-4">
                    <label for="isShow">
                        <div>
                            <div style="float: left;">是否展示到首页？</div>
                            <div style="float: left" id="switch_show" data-toggle="tooltip" title="展示设置">
                                <div>
                                    <div class="switch_on select">
                                        ON
                                    </div>
                                </div>
                            </div>
                        </div>
                    </label>
                    <input id="isShow" type="hidden"  name="show" value="true"/><br>
                    <label for="imageClassName">类别</label>
                    <select id="imageClassName" name="image_class">
                            {foreach $classes as $class}
                            <option>{$class['class_name']}</option>
                            {/foreach}
                        </select>
                    <br>
                        <div id="topicpics" class="topic-pics">
                            <ul>
                                <li id="tdAdd">
                                    <div class="imgwrap" id="btnAdd">
                                        <label for="file_input">
                                            <img src="/static/image/upload.png" width="50px" alt="上传">点击上传图片
                                        </label>
                                        <input type="file" id="file_input" style="display: none" name="image"/>
                                        <br />
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>

                    <div class="col-sm-8">
                        <label for="myContent">
                            <small>Markdown语法提示</small>
                            <img data-toggle="modal" data-target="#MarkdownHelp" src="/static/image/content.png" class="pull-right" width="20px" alt="">
                        </label>
                        <textarea wrap="physical"  maxlength="1000" placeholder="对图片进行配文" id="myContent"  name="content"></textarea>
                    </div>
                    <input id="submitImage" type="button"  class="btn btn-success pull-right" value="上传" />
                    <input  id="controlPreview" data-toggle="modal" data-target="#Preview" type="button"  class="btn btn-default pull-right" value="预览" />
                </form>
            </div>
            <hr>
            <!--ajax-->
            <div class="container-fluid "  style="text-align: center">
                <form style="display: block">
                    <input type="text" placeholder="搜索您的图片">
                    <input type="submit" value="搜索">
                </form>
            </div>
            <hr>
            <div class="flow list_line row">
                <ul>
                    <li><a class="select_active" href="">全部</a></li>
                    <li><a href="">按分类排</a></li>
                    <li><a href="">按点赞排</a></li>
                    <li><a href="">按评论最多排</a></li>
                    <li><a href="">按照下载数量排序</a></li>
                    <li><a href="">显示</a></li>
                    <li><a href="">不显示的</a></li>
                    <li style="float: right">总共 {$images|count} 张</li>
                </ul>
                <button id="changeLookClass" style="float: right; background-color: white; position: relative; bottom: 5px"  class="btn btn-default">切换查看样式</button>
            </div>
            {include file="public/upload_list_small" /}
            {include file="public/upload_list" /}
        </div>
    </div>
</div>
{include file="public/top" /}
{js href="/static/js/member/upload.js" /}
<!-- 模态框1（提示） -->
<div class="modal fade model_markdown_help_con" id="MarkdownHelp" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title" id="myModalLabel">
                    Markdown帮助
                </h4>
            </div>
            <div class="modal-body model_markdown_help">
                <p># 一级标题</p>
                <p>## 二级标题                 </p>
                <p>### 三级标题                </p>
                <p>#### 四级标题               </p>
                <p>##### 五级标题              </p>
                <p>###### 最小只有六级标题         </p>
                <p>**我被加粗了**               </p>
                <p>*我倾斜了了*                 </p>
                <p>==我高亮了==                </p>
                <p>2^2^                    </p>
                <p>H~2~o                   </p>
                <p>> hello markdown!       </p>
                <p>```echo "asas";```               </p>
                <p>[nickchen博客](https://www.cnblogs.com/nickchen121/p/10718112.html "nickchen博客")</p>
                <p>![数据类型总结-搞笑结束.jpg?x-oss-process=style/watermark](http://www.chenyoude.com/Python从入门到放弃/数据类型总结-搞笑结束.jpg?x-oss-process=style/watermark '描述信息')</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                </button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>



<!-- 模态框2（查看） -->
<div class="modal fade model_markdown_help_con" id="Preview" tabindex="-1" role="dialog" aria-labelledby="myModalLabel1" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title" id="myModalLabel1">
                    预览
                </h4>
            </div>
            <div class="modal-body model_markdown_help">
                <div id="previewContent" class="content_con_class"></div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                </button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
